@CHARSET "ISO-8859-1";

.form-inline{
	margin: -20px 30px -10px 30px;	
}

#kanban{
    clear:both;
	min-height: 500px;
}

/*DL, DT, DD TAGS LIST DATA*/
dl {
    margin-bottom:50px;
}
 
dl dt {
    float:left;     
    margin-right:10px; 
    padding:5px;
    text-align: left;
}
 
dl dd {
    margin:2px 0; 
    padding:5px 0;
}

/* Modal */
.modal-create-issue{
	width: 900px !important;
	left:40% !important;	
}

.modal-kanban-setting{
/* 	width:400px !important; */
}

.modal-kanban-setting dd span.add-on{
	padding: 6px 5px !important;
}

.modal-kanban-setting input.input-small[name="statusname"]{
	width: 150px;
}

input[type="checkbox"]{
	margin: 0;
}

.tab-content{
	overflow: inherit;
}
/*TABLE*/
table.board{
	width: 100%;
	overflow: auto;
/* 	min-width: 800px; */
	min-height:500px;
}

.board thead {
	height: 30px;
	z-index:2000;
}

.board thead th{
	z-index:2000;
}

.board thead tr{
}

.board thead .status{	
	color: white;
	border: 1px solid #ffffff;
	min-width: 320px;
	padding: 0 10px;
}

.board thead .status.column-collapsed{
	min-width: 26px !important;
	width: 26px !important;
	overflow: hidden;
}

.board thead .status.column-collapsed span{
/* 	display:none; */
}

.board thead .expand{
	border: 1px solid #BDBABA;
	font-size: 17px;
	background-color: #f6f6f6;	
}

.board thead .expand i:hover{
	cursor: pointer;
}

.boar tbody tr{
}

.board tbody{
}

.board tbody td{
	border: 1px solid #BDBABA;
	border-bottom: 0px;
	vertical-align: top;
	padding: 0 10px;
	min-width: 350px;
	clear: both;
}

.board tbody td.column-collapsed{
	min-width: 26px !important;
	width: 26px !important;
	overflow: hidden;
}

.board tbody td.column-collapsed .sticker{
	display: none;
}


/*######### BUTTON ############*/
.remove-status{
	cursor: pointer;
}
/*######### STICKER ############*/
.sticker {
	margin: 10px auto;
	float: none;
	width: 350px;
}

.sticker .sticker-header .avatar {
	width: 30px;
	height: 30px;
	position: absolute;
	right:0;
	top:0;
	margin: 3px 3px auto auto;
}

.sticker .sticker-header .avatar:hover {
	cursor: pointer;
}

.sticker .sticker-header .header-left > div {
	position: absolute;
	margin: 3px auto auto 3px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 70%;
}

.sticker .sticker-header {
	padding: 5px 5px;
}

.sticker .sticker-header:after {
	content: "";
	display: table;
	clear: both
}

.sticker .sticker-inner > div{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sticker .sticker-inner:after {
	content: "";
	display: table;
	clear: both
}

.sticker .sticker-footer {
	padding: 5px 5px;
	border-top: 1px dashed #4d4d4d;;
}

.sticker .sticker-footer .row .span2 {
	width: auto;
	float: left;
}

.sticker .sticker-footer .icon-wrapper {
	margin: 0;
}

.sticker .comment-wrapper {
	display: none;
}

.sticker .comment-wrapper .avatar {
	height: 30px;
	width: 30px;
}

.sticker .comment-wrapper .comment-input-wrapper .span3{
	width: 70%;
}
.sticker .comment-wrapper .comment-input-wrapper .span3 textarea {
	width: 100% !important;
}

/*######### SUBMENU ############*/
#context-menu ul li .avatar{
	width: 30px;
	height: 30px;
	margin: auto auto auto 0;
}

/*###################*/
.colorpicker{
	min-width: 120px !important;
	z-index: 1500 !important;
}
.color input{
	width: 60px;
}

.ui-sortable-placeholder {  
    border: 1px dashed #DDD;  
	margin: 5px auto;  
    background: #ccc;
    width: 300px;  
}

